<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <!--测试用，上线复原-->
    <!--<meta name="format-detection" content="telephone=no" />-->
    <!--<meta name="apple-mobile-web-app-capable" content="yes" />-->
    <!--<meta name="apple-touch-fullscreen" content="yes">-->
    <!--<meta content="telephone=no,email=no" name="format-detection" />-->
    <meta name="flexible" content="initial-dpr=2,maximum-dpr=3" />
    <!--去缓存-->
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <META HTTP-EQUIV="Expires" CONTENT="0"><!--end-->
    <title>羊仓健康生活家</title>
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/common.css"/>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/basePathUtil.js" ></script>
    <!--货币格式化-->
    <script type="text/javascript" src="js/jquery-formatcurrency/jquery.formatCurrency.js" ></script>
    <!--弹出-->
    <script type="text/javascript" src="js/layer-mobile/layer.js" ></script>
    <!--滑动分页-->
    <link rel="stylesheet" href="js/dropload/dropload.css"/>
    <script type="text/javascript" src="js/dropload/dropload.min.js" ></script>

    <script type="text/javascript">
        var basePath=basePath();
        var access_token = GetUrl("access_token");
        $(document).ready(function(){
            $(".nav a").bind("click",function(){
                $(this).addClass('cur').siblings().removeClass('cur');
                if("G"==$(this).attr('id')){
                    tradeList("G,F,N");
                }else{
                    tradeList($(this).attr('id'));
                }

            });
        });
    </script>
</head>
<body class="bg_f2">
<div class="orderList">
    <!--每个是个点击事件请求ajax　-->
    <div class="nav">
        <a class="cur" id="">全部</a>
        <a id="S">待付款</a>
        <a id="D">待发货</a>
        <a id="R">已发货</a>
        <a id="G">退款</a>
    </div>
    <div class="content" id="content">
        <!--<div class="item"><a href="">-->
        <!--<div class="item_sup">-->
        <!--<div class="num">订单编号：0000</div>-->
        <!--<span><img src="img/del_gray.png" alt=""/></span>-->
        <!--</div>-->
        <!--<ul>-->
        <!--<li>-->
        <!--<img src="img/img.png" alt=""/>-->
        <!--<div class="title">真硒天地天然营养富硒鸡蛋 年卡 30枚/月*12月</div>-->
        <!--<div class="price"><span>¥ 2376.00</span><em>×<i>1</i></em></div>-->
        <!--</li>-->
        <!--<li>-->
        <!--<img src="img/img.png" alt=""/>-->
        <!--<div class="title">真硒天地天然营养富硒鸡蛋 年卡 30枚/月*12月</div>-->
        <!--<div class="price"><span>¥ 2376.00</span><em>×<i>1</i></em></div>-->
        <!--</li>-->
        <!--</ul>-->
        <!--<div class="item_status">实付：0000.00 <span>待发货</span></div>-->
        <!--</a></div>-->
        <!--<div class="item"><a href="">-->
        <!--<div class="item_sup">-->
        <!--<div class="num">订单编号：0000</div>-->
        <!--</div>-->
        <!--<ul>-->
        <!--<li>-->
        <!--<img src="img/img.png" alt=""/>-->
        <!--<div class="title">真硒天地天然营养富硒鸡蛋 年卡 30枚/月*12月</div>-->
        <!--<div class="price"><span>¥ 2376.00</span><em>×<i>1</i></em></div>-->
        <!--</li>-->
        <!--<li>-->
        <!--<img src="img/img.png" alt=""/>-->
        <!--<div class="title">真硒天地天然营养富硒鸡蛋 年卡 30枚/月*12月</div>-->
        <!--<div class="price"><span>¥ 2376.00</span><em>×<i>1</i></em></div>-->
        <!--</li>-->
        <!--</ul>-->
        <!--<div class="item_status">实付：0000.00 <span class="primty">确认收货</span></div>-->
        <!--</a></div>-->
        <!--<div class="item"><a href="">-->
        <!--<div class="item_sup">-->
        <!--<div class="num">订单编号：0000</div>-->
        <!--<span>取消订单</span>-->
        <!--</div>-->
        <!--<ul>-->
        <!--<li>-->
        <!--<img src="img/img.png" alt=""/>-->
        <!--<div class="title">真硒天地天然营养富硒鸡蛋 年卡 30枚/月*12月</div>-->
        <!--<div class="price"><span>¥ 2376.00</span><em>×<i>1</i></em></div>-->
        <!--</li>-->
        <!--<li>-->
        <!--<img src="img/img.png" alt=""/>-->
        <!--<div class="title">真硒天地天然营养富硒鸡蛋 年卡 30枚/月*12月</div>-->
        <!--<div class="price"><span>¥ 2376.00</span><em>×<i>1</i></em></div>-->
        <!--</li>-->
        <!--</ul>-->
        <!--<div class="item_status">实付：0000.00 <span class="pay">付款</span></div>-->
        <!--</a></div>-->
    </div>
</div>
<script>
    /**
     * 主方法，查询订单列表
     * @param status
     */
    function tradeList(status) {
        $("#content").html('');
        if(status==null || status=="null"){
            status ="";
        }

        $.ajax({
            type:"GET",
            url:basePath+"/v1/trade/api/showMyList?access_token="+access_token,
            dataType : 'json',
            data:{
                searchInfo:"{'status':'"+status+"'}",
//                pageNum:1,
                pageSize:10
            },
            timeout:5000,
            success:function(data,textStatus, xhr){
                console.log(xhr.status);
                if(data.code==1000) {
                    //有数据
                    if(data.data.rows.length>0){
                        $.each(data.data.rows, function(index, content){
                            item(data.data.rows[index].tradeSummary,data.data.rows[index].tradeDetailsList);
                        });
                    }
                }else{
                    layer.open({content: data.msg,skin: 'msg',time: 2});
                }
            },
            error:function(data,textStatus, errorThrown) {
                console.log(textStatus);
            }
        });
    }

    /**
     * 跳转订单详细
     * @param id
     */
    function tradeDetail(id,status) {
        if(status=="G" || status=="F" || status=="N"){
            window.location.href=basePath+"res/refunding.html?access_token="+access_token+'&tradeId='+id+"&t="+new Date().getTime();
        }else{
            window.location.href=basePath+"res/orderDetail.html?access_token="+access_token+'&tradeId='+id+"&t="+new Date().getTime();
        }
    }
    /**
     * 显示din订单状态
     * @param status
     * @returns {*}
     */
    function showStatus(status) {
        if(status == null || status == "" || status == undefined)return;
        switch(status){
            case "S": return "待付款";
            case "D": return "待发货";
            case "R": return "已发货";
            case "E": return "已完成";
            case "C": return "已取消";
            case "G": return "退款中";
            case "F": return "已退款";
            case "N": return "退款失败";
        }
    }
    function updateTradeShow(id,status){
        if(id == undefined || id == null || id == '' || id<1){
            layer.open({content: '无法更新',skin: 'msg',time: 2});
            return;
        }
        if(status != "E" && status != "C" ){
            layer.open({content: '状态不匹配，无法更新',skin: 'msg',time: 2});
            return;
        }
//        if(status == "C"){
//            layer.open({
//                content: '您确定要取消订单？'
//                ,btn: ['我点错了', '确认取消']
//                ,skin: 'footer'
//                ,yes: function(index){
//                    layer.close(index);
//                },
//                no:function (index) {
//                    updateTrade(id,status);
//                    layer.close(index);
//                }
//            });
//            return ;
//        }
        if(status == "E"){
            layer.open({
                content: '我已收到商品，确认收货？'
                ,btn: ['我点错了', '确认收货']
                ,skin: 'footer'
                ,yes: function(index){
                    layer.close(index);
                },
                no:function (index) {
                    updateTrade(id,status);
                    layer.close(index);
                }
            });
            return ;
        }
    }
    function applyRefund(id){
        window.location.href=basePath+"res/refund.html?access_token="+access_token+'&tradeId='+id+"&t="+new Date().getTime();
    }
    /**
     * 更新订单状态（取消订单、服务完成）
     * @param id
     */
    function updateTrade(id,status) {

        if(id == undefined || id == null || id == '' || id<1){
            layer.open({content: '无法更新订单',skin: 'msg',time: 2});
            return;
        }
        if(status != "E" && status != "C" ) {
            layer.open({content: '状态不匹配，无法更新', skin: 'msg', time: 2});
            return;
        }
        $.ajax({
            type:"POST",
            url:basePath+"/v1/trade/api/updateTradeStatus?access_token="+access_token,
            dataType : 'json',
            data:{
                tradeId:id,
                status:status
            },
            success:function(data){
                if(data.code==1000) {
                    switch (status){
                        case "E":
                            layer.open({content: "感谢您的购买",skin: 'msg',time: 2});
                            tradeList("R");
                            break;
//                        case "C":
//                            layer.open({content: "订单取消成功",skin: 'msg',time: 2});
//                            tradeList("C");
//                            break;
                    }
                }else{
                    layer.open({content: data.msg,skin: 'msg',time: 2});
                }
            },
            error:function(data) {
            }
        });
    }
    /**
     * 跳转继续支付
     * @param id
     */
    function pay(id) {
        window.location.href=basePath+"res/html/gwcfs.html?access_token="+access_token+'&tradeId='+id+"&t="+new Date().getTime();
    }
    /**
     * 显示按钮
     * @param id
     * @param status
     * @returns {*}
     */
    function showStatusBtn(id,status) {
        switch(status){
            case "S": return '<span class="pay" onclick="pay('+id+')">付款</span>';
            case "D": return '<span class="pay" onclick="applyRefund('+id+')">申请退款</span>';
            case "R": return '<span class="pay" onclick="updateTradeShow('+id+',\'E\')">确认收货</span>';
            default: return "";
        }
        if(status == null || status == "" || status == undefined)return;
    }
    /**
     * 订单列表商品迭代
     * @param trade
     * @param productList
     */
    function item(trade,productList){
        var item = '';
        item+='<div class="item">';
        item+='<a href="javascript:void(0);" >';
        item+='<div class="item_sup" onclick="tradeDetail('+trade.id+',\''+trade.status+'\')">';
        item+='<div class="num">订单号：'+trade.tradeNo+'</div>';
        item+='<span>'+showStatus(trade.status)+'</span>';
        item+='<span><img src="img/del_gray.png" alt="" style="display: none;"/></span>';
        item+='</div>';
        item+='<ul>';
        $.each(productList, function(index, content){
            item+='<li>';
            item+='<img src="'+productList[index].productUrl+'" alt=""/>';
            item+='<div class="title">'+productList[index].productName+'</div>';
            item+='<div class="price"><span>'+$.getFormattedCurrency(productList[index].unitPrice)+'</span><em>×<i>'+productList[index].quality+'</i></em></div>';
            item+='</li>';
        });
        item+='</ul>';
        item+='<div class="item_status">实付：'+$.getFormattedCurrency(trade.realPrice)+''+showStatusBtn(trade.id,trade.status)+'</div>';
        item+='</a></div>';
        $("#content").append(item);
    }
    //初始化全部订单
    tradeList("");
</script>
</body>
</html>
